@basecolor: #F2F3F5;
@borderColor: #D9D9D9;
@textColor: #333;
@num-16: 16px;
@num-12: 12px;
.arco-checkbox-group{
  width: 100%;
}
.label-item-container{
  width: 100%;
}

.label-item{
  display: flex;
  flex-direction: column;
  border: 1px solid @borderColor;
  *{
    user-select: none;
  }
  .label-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: @basecolor;
    // padding: (@num-16 / 2 + 1) (@num-12 - 4);
    padding: (@num-16 / 2 + 1) @num-12;
    // width: 100%;
  }
  .label-left{
    font-size: 14px;
    color: @textColor;
    .arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-icon{
      background-color: var(--color-primary-light-3);
      border-color: transparent;
    }
  }
  .label-right{
    font-size: 12px;
    color: #448E97;
    cursor: pointer;
  }
}
.label-item-container:nth-of-type(1) {
  .label-item{
    border-bottom: 0;
  }
}